<template>
    <div>
        <el-container> 
                <el-header style="padding:0;background-color: #2e3236;">
                            <img style="height:60px" src="../assets/img/main.png" alt="">
                            <el-menu
                            style="float:right"
                            :default-active="this.$route.path"
                            router
                            mode="horizontal"
                            background-color="#2e3236"
                            text-color="#fff"
                            active-text-color="#ffd04b">
                            <el-menu-item index="/"> <span style="font-size:20px">首页</span></el-menu-item>
                            <el-menu-item index="/user/signup"><span style="font-size:20px">在线报名</span></el-menu-item>
                            <el-menu-item index="/user/message"><span style="font-size:20px">留言</span></el-menu-item>
                            <el-menu-item index="/login"><span style="font-size:20px">后台管理</span></el-menu-item>
                            </el-menu>
                </el-header>
                <el-main >
                    <router-view name="main" />
                </el-main>
                <el-footer>
                        <div class="w">
                            <ol class="slogen">
                                <li class="item fore1">
                                    <i>多</i>教练多
                                </li>
                                <li class="item fore2">
                                    <i>快</i>用户多
                                </li>
                                <li class="item fore3">
                                    <i>好</i>车辆多
                                </li>
                                <li class="item fore4">
                                    <i>省</i>优惠多
                                </li>
                            </ol>
                        </div>

                </el-footer>
        </el-container>
    </div>
</template>
<script>
export default {
    data() {
        return {
            active:"1",
            fits: 'fill',
            url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
        }
    },
}
</script>
<style scoped>
body{
    margin: 0;
    padding: 0;
   
}

.w{
    width: 1210px;
    text-align: center;
    margin: 0 auto;
}
.slogen{
    padding-left: 65px;
    margin-right: -23px;
    padding: 30px 0 30px 55px;
    overflow: hidden;
    list-style: none;
}
.item{
    
    float: left;
    position: relative;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    font-weight: 700;
    text-indent: 46px;
    color: #444;
     margin-left: 150px;
}
.item i{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 42px;
    text-indent: -9999px;
    background-image: url(//misc.360buyimg.com/jdf/1.0.0/unit/service/5.0.0/i/ico_service.png);
    background-repeat: no-repeat;
    background-position: 0 0;
   
}




</style>
